<template>
  <div class="WDL">
    <div class="WDLtao">
      <div class="wdl">
        <p>登录网易云音乐，可以享受无限收藏的乐趣，并且无限同步到手机</p>
        <a
          href="javascript:;"
          @click="chuxian"
        >用户登录</a>
      </div>
    </div>
  </div>
</template>
<script>
export default {
 data: () => ({}),
  created() {},
  methods: {
    chuxian(){
       let phoneLogin=document.querySelector(".phoneLogin")
      let dengLu=document.querySelector(".dengLu")
      let dengluTao=document.querySelector(".dengluTao")
      let ZDL=document.querySelector(".ZDL")
      dengLu.style.display="block"
      // dengluTao.style.display="block"
      // phoneLogin.style.display="none"
      ZDL.style.display="none"
    }
  }
};
</script>
<style lang="less">
  .WDL{
    a{
      text-decoration: none;
    }
    .WDLtao{
      .wdl{
        height: 126px;
        padding-top: 0px;
        background: url('../../../../../assets/cyzimgs/xuebitu.png');
        background-position: 0px 1px;
        p{
          width: 205px;
          line-height: 22px;
          margin: 0px auto;
          padding: 16px 0px;
          color: rgb(102, 102, 102);
          font-size: 12px;
          font-family: Arial, Helvetica, sans-serif;
          text-size-adjust: none;
        }
        a{
          margin: 0px auto;
          display: block;
          width: 100px;
          height: 31px;
          line-height: 31px;
          text-align: center;
          color: rgb(255, 255, 255);
          text-shadow: rgb(138, 6, 11) 0px 1px 0px;
          background: url('../../../../../assets/cyzimgs/xuebitu.png');
          background-position: 0px -195px;
          font-size: 12px;
          font-family: Arial, Helvetica, sans-serif;
          text-size-adjust: none;
        }
      }
    }
  }
</style>